﻿<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<title><{$title}></title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link href="__ROOT__/public/assets/css/bootstrap.min.css" rel="stylesheet" />
		<link href="__ROOT__/public/mycss/admin.css" rel="stylesheet" />
		<link rel="stylesheet" href="__ROOT__/public/assets/css/font-awesome.min.css" />
		<link rel="stylesheet" href="__ROOT__/public/assets/css/1.css" />
		<link rel="stylesheet" href="__ROOT__/public/assets/css/ace.min.css" />
		<link rel="stylesheet" href="__ROOT__/public/assets/css/ace-rtl.min.css" />
		<link rel="stylesheet" href="__ROOT__/public/assets/css/ace-skins.min.css" />
		<link rel="stylesheet" href="__ROOT__/public/mycss/page.css" />
		<script src="__ROOT__/public/assets/js/ace-extra.min.js"></script>
		<script src="__ROOT__/public/myjs/jquery-1.8.3.min.js"></script>
	</head>

	<body onLoad="barChart();">
		<div class="navbar navbar-default" id="navbar">
			<script type="text/javascript">
				try{ace.settings.check('navbar' , 'fixed')}catch(e){}
			</script>

			<div class="navbar-container" id="navbar-container">
				<div class="navbar-header pull-left">
					<a href="<{:U('Index/index')}>" class="navbar-brand">
						<small>
							<i class="icon-leaf"></i>
							虎嗅后台管理系统
						</small>
					</a><!-- /.brand -->
				</div><!-- /.navbar-header -->

				<div class="navbar-header pull-right" role="navigation">
					<ul class="nav ace-nav">
						<li class="grey">
							<a data-toggle="dropdown" class="dropdown-toggle" href="#">
								<i class="icon-tasks"></i>
								<span class="badge badge-grey">4</span>
							</a>

							<ul class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
								<li class="dropdown-header">
									<i class="icon-ok"></i>
									还有4个任务完成
								</li>

								<li>
									<a href="#">
										<div class="clearfix">
											<span class="pull-left">软件更新</span>
											<span class="pull-right">65%</span>
										</div>

										<div class="progress progress-mini ">
											<div style="width:65%" class="progress-bar "></div>
										</div>
									</a>
								</li>

								<li>
									<a href="#">
										<div class="clearfix">
											<span class="pull-left">硬件更新</span>
											<span class="pull-right">35%</span>
										</div>

										<div class="progress progress-mini ">
											<div style="width:35%" class="progress-bar progress-bar-danger"></div>
										</div>
									</a>
								</li>

								<li>
									<a href="#">
										<div class="clearfix">
											<span class="pull-left">单元测试</span>
											<span class="pull-right">15%</span>
										</div>

										<div class="progress progress-mini ">
											<div style="width:15%" class="progress-bar progress-bar-warning"></div>
										</div>
									</a>
								</li>

								<li>
									<a href="#">
										<div class="clearfix">
											<span class="pull-left">错误修复</span>
											<span class="pull-right">90%</span>
										</div>

										<div class="progress progress-mini progress-striped active">
											<div style="width:90%" class="progress-bar progress-bar-success"></div>
										</div>
									</a>
								</li>

								<li>
									<a href="#">
										查看任务详情
										<i class="icon-arrow-right"></i>
									</a>
								</li>
							</ul>
						</li>

						<li class="purple">
							<a data-toggle="dropdown" class="dropdown-toggle" href="#">
								<i class="icon-bell-alt icon-animated-bell"></i>
								<span class="badge badge-important">8</span>
							</a>

							<ul class="pull-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
								<li class="dropdown-header">
									<i class="icon-warning-sign"></i>
									8条通知
								</li>

								<li>
									<a href="#">
										<div class="clearfix">
											<span class="pull-left">
												<i class="btn btn-xs no-hover btn-pink icon-comment"></i>
												新闻评论
											</span>
											<span class="pull-right badge badge-info">+12</span>
										</div>
									</a>
								</li>

								<li>
									<a href="#">
										<i class="btn btn-xs btn-primary icon-user"></i>
										切换为编辑登录..
									</a>
								</li>

								<li>
									<a href="#">
										<div class="clearfix">
											<span class="pull-left">
												<i class="btn btn-xs no-hover btn-success icon-shopping-cart"></i>
												新订单
											</span>
											<span class="pull-right badge badge-success">+8</span>
										</div>
									</a>
								</li>

								<li>
									<a href="#">
										<div class="clearfix">
											<span class="pull-left">
												<i class="btn btn-xs no-hover btn-info icon-twitter"></i>
												粉丝
											</span>
											<span class="pull-right badge badge-info">+11</span>
										</div>
									</a>
								</li>

								<li>
									<a href="#">
										查看所有通知
										<i class="icon-arrow-right"></i>
									</a>
								</li>
							</ul>
						</li>

						<li class="green">
							<a data-toggle="dropdown" class="dropdown-toggle" href="#">
								<i class="icon-envelope icon-animated-vertical"></i>
								<span class="badge badge-success">5</span>
							</a>

							<ul class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
								<li class="dropdown-header">
									<i class="icon-envelope-alt"></i>
									5条消息
								</li>

								<li>
									<a href="#">
										<img src="__ROOT__/public/assets/avatars/avatar.png" class="msg-photo" alt="Alex's Avatar" />
										<span class="msg-body">
											<span class="msg-title">
												<span class="blue">Alex:</span>
												不知道写啥 ...
											</span>

											<span class="msg-time">
												<i class="icon-time"></i>
												<span>1分钟以前</span>
											</span>
										</span>
									</a>
								</li>

								<li>
									<a href="#">
										<img src="__ROOT__/public/assets/avatars/avatar3.png" class="msg-photo" alt="Susan's Avatar" />
										<span class="msg-body">
											<span class="msg-title">
												<span class="blue">Susan:</span>
												不知道翻译...
											</span>

											<span class="msg-time">
												<i class="icon-time"></i>
												<span>20分钟以前</span>
											</span>
										</span>
									</a>
								</li>

								<li>
									<a href="#">
										<img src="__ROOT__/public/assets/avatars/avatar4.png" class="msg-photo" alt="Bob's Avatar" />
										<span class="msg-body">
											<span class="msg-title">
												<span class="blue">Bob:</span>
												到底是不是英文 ...
											</span>

											<span class="msg-time">
												<i class="icon-time"></i>
												<span>下午3:15</span>
											</span>
										</span>
									</a>
								</li>

								<li>
									<a href="inbox.html">
										查看所有消息
										<i class="icon-arrow-right"></i>
									</a>
								</li>
							</ul>
						</li>

						<li class="light-blue">
							<a data-toggle="dropdown" href="#" class="dropdown-toggle">
								<img class="nav-user-photo" src="__ROOT__/public/assets/avatars/user.jpg" alt="Jason's Photo" />
								<span class="user-info">
									<small>欢迎光临,</small>
									<{:session('admin_user.name')}>
								</span>

								<i class="icon-caret-down"></i>
							</a>

							<ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
								<li>
									<a href="#">
										<i class="icon-cog"></i>
										设置
									</a>
								</li>

								<li>
									<a href="<{:U('Home/Index/index')}>">
										<i class="icon-dashboard"></i>
										进入前台首页
									</a>
								</li>

								<li class="divider"></li>

								<li>
									<a href="<{:U('Login/logout')}>">
										<i class="icon-off"></i>
										退出
									</a>
								</li>
							</ul>
						</li>
					</ul><!-- /.ace-nav -->
				</div><!-- /.navbar-header -->
			</div><!-- /.container -->
		</div>

		<div class="main-container" id="main-container">
			<script type="text/javascript">
				try{ace.settings.check('main-container' , 'fixed')}catch(e){}
			</script>

			<div class="main-container-inner">
				<a class="menu-toggler" id="menu-toggler" href="#">
					<span class="menu-text"></span>
				</a>

				<div class="sidebar" id="sidebar">
					<script type="text/javascript">
						try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
					</script>

					<ul class="nav nav-list">
						<li class="active">
							<a href="<{:U('Index/index')}>">
								<i class="icon-dashboard"></i>
								<span class="menu-text"> 虎嗅后台主页 </span>
							</a>
						</li>

						<li>
							<a href="" class="dropdown-toggle">
								<i class="icon-user"></i>
								<span class="menu-text"> 前台用户管理 </span>

								<b class="arrow icon-angle-down"></b>
							</a>

							<ul class="submenu">
								<li>
									<a href="<{:U('User/index')}>">
										<i class="icon-double-angle-right"></i>
										前台用户列表
									</a>
								</li>

								<li>
									<a href="<{:U('User/add')}>">
										<i class="icon-double-angle-right"></i>
										添加前台用户
									</a>
								</li>
							</ul>
						</li>

						<li>
							<a href="#" class="dropdown-toggle">
								<i class="icon-user"></i>
								<span class="menu-text"> 后台用户管理 </span>

								<b class="arrow icon-angle-down"></b>
							</a>

							<ul class="submenu">
								<li>
									<a href="<{:U('AdminUser/index')}>">
										<i class="icon-double-angle-right"></i>
										后台用户列表
									</a>
								</li>

								<li>
									<a href="<{:U('AdminUser/add')}>">
										<i class="icon-double-angle-right"></i>
										添加后台用户
									</a>
								</li>
							</ul>
						</li>

						<li>
							<a href="<{:U('Category/index')}>">
								<i class="icon-picture"></i>
								<span class="menu-text"> 分类管理 </span>
							</a>
						</li>

						<li>
							<a href="<{:U('Comment/index')}>">
								<i class="icon-edit"></i>
								<span class="menu-text"> 评论管理 </span>
							</a>
						</li>

						<li>
							<a href="<{:U('Bbs/index')}>">
								<i class="icon-list-alt"></i>
								<span class="menu-text">
									公告列表
								</span>
							</a>
						</li>

						<li>
							<a href="<{:U('Short/index')}>">
								<i class="icon-list-alt"></i>
								<span class="menu-text">
									短趣列表
								</span>
							</a>
						</li>

						<li>
							<a href="<{:U('Article/index')}>">
								<i class="icon-edit"></i>
								<span class="menu-text">
									文章管理
								</span>
							</a>
						</li>

						<li>
							<a href="#" class="dropdown-toggle">
								<i class="icon-edit"></i>
								<span class="menu-text"> 角色管理 </span>
								<b class="arrow icon-angle-down"></b>
							</a>

							<ul class="submenu">
								<li>
									<a href="<{:U('actor/index')}>">
										<i class="icon-double-angle-right"></i>
										角色列表
									</a>
								</li>

								<li>
									<a href="<{:U('actor/addActor')}>">
										<i class="icon-double-angle-right"></i>
										添加角色
									</a>
								</li>
							</ul>
						</li>

						<li>
							<a href="#" class="dropdown-toggle">
								<i class="icon-tag"></i>
								<span class="menu-text"> 权限管理 </span>

								<b class="arrow icon-angle-down"></b>
							</a>

							<ul class="submenu">
								<li>
									<a href="<{:U('Role/index')}>">
										<i class="icon-double-angle-right"></i>
										权限列表
									</a>
								</li>

								<li>
									<a href="<{:U('Role/addRole')}>">
										<i class="icon-double-angle-right"></i>
										添加权限
									</a>
								</li>
							</ul>
						</li>

						<li>
							<a href="#" class="dropdown-toggle">
								<i class="icon-file-alt"></i>

								<span class="menu-text">
									其他页面
									<span class="badge badge-primary ">5</span>
								</span>

								<b class="arrow icon-angle-down"></b>
							</a>

							<ul class="submenu">
								<li>
									<a href="faq.html">
										<i class="icon-double-angle-right"></i>
										帮助
									</a>
								</li>

								<li>
									<a href="error-404.html">
										<i class="icon-double-angle-right"></i>
										404错误页面
									</a>
								</li>

								<li>
									<a href="error-500.html">
										<i class="icon-double-angle-right"></i>
										500错误页面
									</a>
								</li>

								<li>
									<a href="grid.html">
										<i class="icon-double-angle-right"></i>
										网格
									</a>
								</li>

								<li>
									<a href="blank.html">
										<i class="icon-double-angle-right"></i>
										空白页面
									</a>
								</li>
							</ul>
						</li>
					</ul><!-- /.nav-list -->

					<div class="sidebar-collapse" id="sidebar-collapse">
						<i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
					</div>

					<script type="text/javascript">
						try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}
					</script>
				</div>


				<div class="main-content">
<block name="nav">
					<div class="breadcrumbs" id="breadcrumbs">
						<script type="text/javascript">
							try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
						</script>

						<ul class="breadcrumb">
							<li>
								<i class="icon-home home-icon"></i>
								<a href="#">首页</a>
							</li>
							<li class="active">控制台</li>
						</ul><!-- .breadcrumb -->
					</div>
</block>

<block name="nav1">
					<div class="page-content">
						<div class="page-header">
							<h1>
								控制台
								<small>
									<i class="icon-double-angle-right"></i>
									 查看
								</small>
							</h1>
						</div><!-- /.page-header -->
					</div>
</block>
<block name="admin">


<script type="text/javascript">

    // chart sample data
    var arrVisitors = new Array();
    arrVisitors[0] = "前台用户数量, <{$user}>";
    arrVisitors[1] = "后台户数量, <{$AdminUser}>";
    arrVisitors[2] = "发表文章数量, <{$Article}>";
    var canvas;
    var context;
    // chart properties
    var cWidth, cHeight, cMargin, cSpace;
    var cMarginSpace, cMarginHeight;
    // bar properties
    var bWidth, bMargin, totalBars, maxDataValue;
    var bWidthMargin;
    // bar animation
    var ctr, numctr, speed;
    // axis property
    var totLabelsOnYAxis;
    // barchart constructor
    function barChart() {
        canvas = document.getElementById('bchart');
        if (canvas && canvas.getContext) {
            context = canvas.getContext('2d');
        }
        chartSettings();
        drawAxisLabelMarkers();
        drawChartWithAnimation();
    }
    // initialize the chart and bar values
    function chartSettings() {
        // chart properties
        cMargin = 25;
        cSpace = 60;
        cHeight = canvas.height - 2 * cMargin - cSpace;
        cWidth = canvas.width - 2 * cMargin - cSpace;
        cMarginSpace = cMargin + cSpace;
        cMarginHeight = cMargin + cHeight;
        // bar properties
        bMargin = 45;
        totalBars = arrVisitors.length;
        bWidth = (cWidth / totalBars) - bMargin;
        // find maximum value to plot on chart
        maxDataValue = 0;
        for (var i = 0; i < totalBars; i++) {
            var arrVal = arrVisitors[i].split(",");
            var barVal = parseInt(arrVal[1]);
            if (parseInt(barVal) > parseInt(maxDataValue))
                maxDataValue = barVal;
        }
        totLabelsOnYAxis = 10;
        context.font = "10pt Garamond";

        // initialize Animation variables
        ctr = 0;
        numctr = 100;
        speed = 10;
    }
    // draw chart axis, labels and markers
    function drawAxisLabelMarkers() {
        context.lineWidth = "2.0";
        // draw y axis
        drawAxis(cMarginSpace, cMarginHeight, cMarginSpace, cMargin);
        // draw x axis
        drawAxis(cMarginSpace, cMarginHeight, cMarginSpace + cWidth, cMarginHeight);
        context.lineWidth = "1.0";
        drawMarkers();
    }
    // draw X and Y axis
    function drawAxis(x, y, X, Y) {
        context.beginPath();
        context.moveTo(x, y);
        context.lineTo(X, Y);
        context.closePath();
        context.stroke();
    }
    // draw chart markers on X and Y Axis
    function drawMarkers() {
        var numMarkers = parseInt(maxDataValue / totLabelsOnYAxis);
        context.textAlign = "right";
        context.fillStyle = "#000";;
        // Y Axis
        for (var i = 0; i <= totLabelsOnYAxis; i++) {
            markerVal = i * numMarkers;
            markerValHt = i * numMarkers * cHeight;
            var xMarkers = cMarginSpace - 5;
            var yMarkers = cMarginHeight - (markerValHt / maxDataValue);
            context.fillText(markerVal, xMarkers, yMarkers, cSpace);
        }
        // X Axis
        context.textAlign = 'center';
        for (var i = 0; i < totalBars; i++) {
            arrval = arrVisitors[i].split(",");
            name = arrval[0];
            markerXPos = cMarginSpace + bMargin
                    + (i * (bWidth + bMargin)) + (bWidth/2);
            markerYPos = cMarginHeight + 10;
            context.fillText(name, markerXPos, markerYPos, bWidth);
        }
        context.save();
        // Add Y Axis title
        context.translate(cMargin + 10, cHeight / 2);
        context.rotate(Math.PI * -90 / 180);
        context.fillText('虎嗅前站资料统计', 1, 1);
        context.restore();
        // Add X Axis Title
        context.fillText('虎嗅网数据统计', cMarginSpace +
                (cWidth / 2), cMarginHeight + 30 );
    }
    function drawChartWithAnimation() {
        // Loop through the total bars and draw
        for (var i = 0; i < totalBars; i++) {
            var arrVal = arrVisitors[i].split(",");
            bVal = parseInt(arrVal[1]);
            bHt = (bVal * cHeight / maxDataValue) / numctr * ctr;
            bX = cMarginSpace + (i * (bWidth + bMargin)) + bMargin;
            bY = cMarginHeight - bHt - 2;
            drawRectangle(bX, bY, bWidth, bHt, true);
        }
        // timeout runs and checks if bars have reached
        // the desired height; if not, keep growing
        if (ctr < numctr) {
            ctr = ctr + 1;
            setTimeout(arguments.callee, speed);
        }
    }
    function drawRectangle(x, y, w, h, fill) {
        context.beginPath();
        context.rect(x, y, w, h);
        context.closePath();
        context.stroke();
        if (fill) {
            var gradient = context.createLinearGradient(0, 0, 0, 300);
            gradient.addColorStop(0, 'rgba(41,66,150,.15)');
            gradient.addColorStop(1, 'rgba(41,174,231,.15)');
            context.fillStyle = gradient;
            context.strokeStyle = gradient;
            context.fill();
        }
    }

    window.onload = barChart();
</script>
<noscript>
    This chart is unavailable because JavaScript is disabled on your computer. Please enable
    JavaScript and refresh this page to see the chart in action.
</noscript>

<canvas id="bchart" height="400" width="700">Your browser does not support HTML5 Canvas</canvas>


</block>
				<div class="ace-settings-container" id="ace-settings-container">
					<div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">
						<i class="icon-cog bigger-150"></i>
					</div>

					<div class="ace-settings-box" id="ace-settings-box">
						<div>
							<div class="pull-left">
								<select id="skin-colorpicker" class="hide">
									<option data-skin="default" value="#438EB9">#438EB9</option>
									<option data-skin="skin-1" value="#222A2D">#222A2D</option>
									<option data-skin="skin-2" value="#C6487E">#C6487E</option>
									<option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
								</select>
							</div>
							<span>&nbsp; 选择皮肤</span>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-navbar" />
							<label class="lbl" for="ace-settings-navbar"> 固定导航条</label>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-sidebar" />
							<label class="lbl" for="ace-settings-sidebar"> 固定滑动条</label>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-breadcrumbs" />
							<label class="lbl" for="ace-settings-breadcrumbs">固定面包屑</label>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl" />
							<label class="lbl" for="ace-settings-rtl">切换到左边</label>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-add-container" />
							<label class="lbl" for="ace-settings-add-container">
								切换窄屏
								<b></b>
							</label>
						</div>
					</div>
				</div><!-- /#ace-settings-container -->
			</div><!-- /.main-container-inner -->
		</div>



		<script src="__ROOT__/public/assets/js/1.min.js"></script>
		<script type="text/javascript">
			window.jQuery || document.write("<script src='__ROOT__/public/assets/js/jquery-2.0.3.min.js'>"+"<"+"script>");
		</script>

		<script type="text/javascript">
			if("ontouchend" in document) document.write("<script src='__ROOT__/public/assets/js/jquery.mobile.custom.min.js'>"+"<"+"script>");
		</script>
		<script src="__ROOT__/public/assets/js/bootstrap.min.js"></script>
		<script src="__ROOT__/public/assets/js/typeahead-bs2.min.js"></script>

		<!-- page specific plugin scripts -->

		<script src="__ROOT__/public/assets/js/jquery-ui-1.10.3.custom.min.js"></script>
		<script src="__ROOT__/public/assets/js/jquery.ui.touch-punch.min.js"></script>
		<script src="__ROOT__/public/assets/js/jquery.slimscroll.min.js"></script>
		<script src="__ROOT__/public/assets/js/jquery.easy-pie-chart.min.js"></script>
		<script src="__ROOT__/public/assets/js/jquery.sparkline.min.js"></script>
		<script src="__ROOT__/public/assets/js/flot/jquery.flot.min.js"></script>
		<script src="__ROOT__/public/assets/js/flot/jquery.flot.pie.min.js"></script>
		<script src="__ROOT__/public/assets/js/flot/jquery.flot.resize.min.js"></script>

		<!-- ace scripts -->

		<script src="__ROOT__/public/assets/js/ace-elements.min.js"></script>
		<script src="__ROOT__/public/assets/js/ace.min.js"></script>

		<!-- inline scripts related to this page -->

		<script type="text/javascript">
			jQuery(function($) {
				$('.easy-pie-chart.percentage').each(function(){
					var $box = $(this).closest('.infobox');
					var barColor = $(this).data('color') || (!$box.hasClass('infobox-dark') ? $box.css('color') : 'rgba(255,255,255,0.95)');
					var trackColor = barColor == 'rgba(255,255,255,0.95)' ? 'rgba(255,255,255,0.25)' : '#E2E2E2';
					var size = parseInt($(this).data('size')) || 50;
					$(this).easyPieChart({
						barColor: barColor,
						trackColor: trackColor,
						scaleColor: false,
						lineCap: 'butt',
						lineWidth: parseInt(size/10),
						animate: /msie\s*(8|7|6)/.test(navigator.userAgent.toLowerCase()) ? false : 1000,
						size: size
					});
				})

				$('.sparkline').each(function(){
					var $box = $(this).closest('.infobox');
					var barColor = !$box.hasClass('infobox-dark') ? $box.css('color') : '#FFF';
					$(this).sparkline('html', {tagValuesAttribute:'data-values', type: 'bar', barColor: barColor , chartRangeMin:$(this).data('min') || 0} );
				});




			  var placeholder = $('#piechart-placeholder').css({'width':'90%' , 'min-height':'150px'});
			  var data = [
				{ label: "social networks",  data: 38.7, color: "#68BC31"},
				{ label: "search engines",  data: 24.5, color: "#2091CF"},
				{ label: "ad campaigns",  data: 8.2, color: "#AF4E96"},
				{ label: "direct traffic",  data: 18.6, color: "#DA5430"},
				{ label: "other",  data: 10, color: "#FEE074"}
			  ]
			  function drawPieChart(placeholder, data, position) {
			 	  $.plot(placeholder, data, {
					series: {
						pie: {
							show: true,
							tilt:0.8,
							highlight: {
								opacity: 0.25
							},
							stroke: {
								color: '#fff',
								width: 2
							},
							startAngle: 2
						}
					},
					legend: {
						show: true,
						position: position || "ne",
						labelBoxBorderColor: null,
						margin:[-30,15]
					}
					,
					grid: {
						hoverable: true,
						clickable: true
					}
				 })
			 }
			 drawPieChart(placeholder, data);

			 /**
			 we saved the drawing function and the data to redraw with different position later when switching to RTL mode dynamically
			 so that's not needed actually.
			 */
			 placeholder.data('chart', data);
			 placeholder.data('draw', drawPieChart);



			  var $tooltip = $("<div class='tooltip top in'><div class='tooltip-inner'></div></div>").hide().appendTo('body');
			  var previousPoint = null;

			  placeholder.on('plothover', function (event, pos, item) {
				if(item) {
					if (previousPoint != item.seriesIndex) {
						previousPoint = item.seriesIndex;
						var tip = item.series['label'] + " : " + item.series['percent']+'%';
						$tooltip.show().children(0).text(tip);
					}
					$tooltip.css({top:pos.pageY + 10, left:pos.pageX + 10});
				} else {
					$tooltip.hide();
					previousPoint = null;
				}

			 });






				var d1 = [];
				for (var i = 0; i < Math.PI * 2; i += 0.5) {
					d1.push([i, Math.sin(i)]);
				}

				var d2 = [];
				for (var i = 0; i < Math.PI * 2; i += 0.5) {
					d2.push([i, Math.cos(i)]);
				}

				var d3 = [];
				for (var i = 0; i < Math.PI * 2; i += 0.2) {
					d3.push([i, Math.tan(i)]);
				}


				var sales_charts = $('#sales-charts').css({'width':'100%' , 'height':'220px'});
				$.plot("#sales-charts", [
					{ label: "Domains", data: d1 },
					{ label: "Hosting", data: d2 },
					{ label: "Services", data: d3 }
				], {
					hoverable: true,
					shadowSize: 0,
					series: {
						lines: { show: true },
						points: { show: true }
					},
					xaxis: {
						tickLength: 0
					},
					yaxis: {
						ticks: 10,
						min: -2,
						max: 2,
						tickDecimals: 3
					},
					grid: {
						backgroundColor: { colors: [ "#fff", "#fff" ] },
						borderWidth: 1,
						borderColor:'#555'
					}
				});


				$('#recent-box [data-rel="tooltip"]').tooltip({placement: tooltip_placement});
				function tooltip_placement(context, source) {
					var $source = $(source);
					var $parent = $source.closest('.tab-content')
					var off1 = $parent.offset();
					var w1 = $parent.width();

					var off2 = $source.offset();
					var w2 = $source.width();

					if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
					return 'left';
				}


				$('.dialogs,.comments').slimScroll({
					height: '300px'
			    });


				//Android's default browser somehow is confused when tapping on label which will lead to dragging the task
				//so disable dragging when clicking on label
				var agent = navigator.userAgent.toLowerCase();
				if("ontouchstart" in document && /applewebkit/.test(agent) && /android/.test(agent))
				  $('#tasks').on('touchstart', function(e){
					var li = $(e.target).closest('#tasks li');
					if(li.length == 0)return;
					var label = li.find('label.inline').get(0);
					if(label == e.target || $.contains(label, e.target)) e.stopImmediatePropagation() ;
				});

				$('#tasks').sortable({
					opacity:0.8,
					revert:true,
					forceHelperSize:true,
					placeholder: 'draggable-placeholder',
					forcePlaceholderSize:true,
					tolerance:'pointer',
					stop: function( event, ui ) {//just for Chrome!!!! so that dropdowns on items don't appear below other items after being moved
						$(ui.item).css('z-index', 'auto');
					}
					}
				);
				$('#tasks').disableSelection();
				$('#tasks input:checkbox').removeAttr('checked').on('click', function(){
					if(this.checked) $(this).closest('li').addClass('selected');
					else $(this).closest('li').removeClass('selected');
				});


			})
		</script>
	<!-- <div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div> -->
	<script src="__ROOT__/public/myjs/admin.js"></script>
</body>
</html>
